<template>
  <div class="page">
    <van-nav-bar title="设置" />
    <van-cell is-link to="accountManage">
      <template #title>
        <van-image
          round
          width="3rem"
          height="3rem"
          :src="userInfo.pic"
        />
        <span class="custom-title">{{userInfo.name}}</span>
      </template>
    </van-cell>
    <van-cell title="清理缓存" is-link value="2.23M" style="margin: 15px 0" />
    <van-cell-group>
      <van-cell title="主题包" is-link />
      <van-cell title="新版本检测" is-link />
      <van-cell title="意见反馈" is-link />
      <van-cell title="关于企信" is-link />
    </van-cell-group>
    <van-button type="info" @click="$router.replace('login')">安全退出</van-button>
  </div>
</template>
<script>
import { mapState } from 'vuex'
export default {
  name: 'MyView',
  data () {
    return {}
  },
  computed: {
    ...mapState({
      userInfo: (state) => state.userInfo
    })
  },
  methods: {}
}
</script>
<style lang="less" scoped>
.van-cell {
  display: flex;
  align-items: center;
}
.custom-title {
  vertical-align: middle;
  margin-left:0.5rem;
}
.van-cell__title {
  display: flex;
  align-items: center;
}
.van-button {
  width: 80%;
  border-radius: 10px;
  position: fixed;
  left: 10%;
  right: 10%;
  bottom: 12%;
}
</style>
